<%@ page contentType="text/html; charset=utf-8"%>
<html>
    <head>
        <title>Samples Page</title>
        <OBJECT ID="jatoolsPrinter" style="width:0px;height:0px;" CLASSID="CLSID:B43D3361-D975-4BE2-87FE-FFFF88254255" codebase="${base}/activeX/jatoolsPrinter_f.cab#version=2,1,0,5"></OBJECT>
        <link href="${base}/styles/simpl.css" rel="stylesheet" type="text/css">
        <link href="${base}/styles/samplelist.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="${base}/js/jquery-1.7.min.js"></script>
        <script type="text/javascript" src="${base}/js/mutireportv1.js"></script>
        <script type="text/javascript" src="${base}/js/samples.js"></script>
    </head>
	<body class="Margin" onload="samples.onload();">
		<h1>
			报表示例  <label>  ====网管报表系统</label>
		</h1>
		<hr>
		<div id="navcontainer">
			<ul id="navlist">
				<li id="active"><a href="#" id="current">常用表格</a>
					<ul id="subnavlist">
						<li><a href="#" id="btnColumn">普通列</a></li>
						<li><a href="#" id="btnPercentageColumn">百分比</a></li>
						<li><a href="#" id="btnCrosstab">交叉表</a></li>
						<li><a href="#" id="btnCrosstab2">交叉表2</a></li>
						<li><a href="#" id="groupRow">分组</a></li>
						<li><a href="#" id="groupRow2">分组2</a></li>
						<li><a href="#" id="mutiPage" class="needAdd">分页</a></li>
					</ul></li>
				<li><a href="#">常用图表</a>
				    <ul id="subnavlist">
                        <li><a href="#" id="timeSeriesChart">时序图</a></li>
                        <li><a href="#" id="bar3DChart">柱状图-3D</a></li>
                        <li><a href="#" id="bar3DChart" class="needAdd">种类图</a></li>
                        <li><a href="#" id="meterChart">仪表图</a></li>
                        <li><a href="#" id="pie3DChart">饼图</a></li>
                        <li><a href="#" id="ganttChart">甘特图</a></li>
                        <li><a href="#" id="scatterChart">散列分布图</a></li>
                        <li><a href="#" id="thermometerChart">温度计</a></li>
                        <li><a href="#" id="bar3DChart" class="needAdd">风向分布图</a></li>
                        <li><a href="#" id="bar3DChart" class="needAdd">方盒-须式图</a></li>
                        <li><a href="#" id="mutiAxisChar">多坐标系</a></li>
                        <li><a href="#" id="areaChart">区域图</a></li>
                    </ul></li>
				</li>
				<li><a href="#">iReport</a>
				    <ul id="subnavlist">
				        <li><a href="#" id="iReportTemplate">iReport支持</a></li>
				    </ul>
				</li>
			</ul>
		</div>
		<div class="mainArea">
		    <div class="btnArea">
				<button id="btnFirstPage">首页</button>
				<button id="btnPrevPage">上页</button>
				<label id="pageLabel">0/0</label>
				<button id="btnNextPage">下页</button>
				<button id="btnLastPage">尾页</button>
				<button id="btnPreview">打印预览...</button>
				<button id="btnPrint">打印...</button>
				<button id="btnExport">导出...</button>
	        </div>
			<div id="reportArea">
			</div>
			<div id="selectExportFileType">
			  <div class="title">导出文件</div>
			  <div class="content">
			     <label>请选择要导出的文件类型 :</label>
			     <select id="fileType">
			         <option value="csv">CSV</option>
			         <option value="pdf">PDF</option>
			         <option value="xls">XLS</option>
			         <option value="txt">TXT</option>
			         <option value="jpg">JPG</option>
			         <option value="xml">XML</option>
			     </select>
			     <button id="btnClose">关闭</button>
			     <button id="btnStartExport">导出</button>
			  </div>
			</div>
		</div>
		<iframe id="reportFrame" style="width:0;height:0"></iframe>
	</body>
</html>